<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quản Lý Xe| Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH VỤ
	MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- enhanced select -->
<link rel="stylesheet" href="lib/chosen/chosen.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->

</head>
<body class="gebo-fixed menu_hover sidebar_hidden">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
		<div id="contentwrapper">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="#">Điều hành xe</a></li>
							<li><a href="car-manager.php">Quản lý danh sách xe</a></li>
							<li>Thêm xe</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div class="row-fluid">
					<div class="span12">
						<div class="heading">
							<h3 class="">Thêm xe</h3>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<form class="form-horizontal" action="#" method="post">
							<div class="span6">
								<div class="control-group">
									<label class="control-label"> </label>
									<div class="controls">
										<select id="check_car_mv">
											<option value="mv">Xe minh việt</option>
											<option>Cộng tác viên thường xuyên</option>
											<option>Cộng tác viên</option>
										</select>
									</div>
								</div>
								<div class="control-group">
									<label class="control-label">Biển số xe <span class="f_req">*</span></label>
									<div class="controls">
										<input type="text" value="" placeholder="Biển số xe" />
									</div>
								</div>
								<span id="car_is_mv" style="display: none">
									<div class="control-group">
										<label class="control-label">Chủ xe </label>
										<div class="controls">
											<input type="text" value="" placeholder="Tên chủ xe " />
										</div>
									</div>
									<div class="control-group">
										<label class="control-label"> Số điện thoại chủ xe </label>
										<div class="controls">
											<input type="text" value=""
												placeholder="Số điện thoại chủ xe" />
										</div>
									</div>
								</span>
								<div class="control-group">
									<label class="control-label" for="inputEmail">Loại xe</label>
									<div class="controls">
										<select name="" class="chzn_a">
											<option>-- Chọn loại --</option>
											<option>Xe 4 chỗ</option>
											<option>Xe 6 chỗ</option>
											<option>Xe 7 chỗ</option>
											<option>Xe 16 chỗ</option>
											<option>Xe 24 chỗ</option>
										</select>
									</div>
								</div>
								<div class="control-group">
									<label class="control-label"> Hãng xe <span class="f_req">*</span></label>
									<div class="controls">
										<input type="text" value="" placeholder="Hãng xe" />
									</div>
								</div>
								<div class="control-group">
									<label class="control-label"> Hình thức <span class="f_req">*</span></label>
									<div class="controls">
										<select>
											<option>Xe mới</option>
											<option>Xe cũ</option>
										</select>
									</div>
								</div>
							</div>
							<div class="span6">
								<div class="control-group">
									<label class="control-label"> Thêm lái xe</label>
									<div class="controls">
										<input type="checkbox" value="" id="check_addnew_driver" />
									</div>
								</div>
								<div class="control-group" id="driver_name_old">
									<label class="control-label"> Tên lái xe <span class="f_req">*</span></label>
									<div class="controls">
										<select name="" class="chzn_a">
											<option>-- Chọn tên lái xe --</option>
											<option>Nguyễn văn a</option>
											<option>Nguyễn văn b</option>
											<option>Nguyễn văn c</option>
											<option>Nguyễn văn d</option>
											<option>Nguyễn văn e</option>
											<option>Nguyễn văn f</option>
											<option>Nguyễn văn g</option>
											<option>Nguyễn văn h</option>
											<option>Nguyễn văn q</option>
										</select>
									</div>
								</div>
								<div id="driver_name_new">
									<div class="control-group">
										<label class="control-label">Tên lái xe </label>
										<div class="controls">
											<input type="text" value=""
												placeholder="Tên lái xe" />
										</div>
									</div>
									<div class="control-group">
										<label class="control-label">Số ĐT Lái xe </label>
										<div class="controls">
											<input type="text" value=""
												placeholder="Số điện thoại của lái xe" />
										</div>
									</div>
									<div class="control-group">
										<label class="control-label">Lái xe có thể đi miền núi </label>
										<div class="controls inline">
											<label class="radio inline"> <input type="radio" checked=""
												value="option1" id="optionsRadios1" name="optionsRadios"> Có
											</label> <label class="radio inline"> <input type="radio"
												value="option2" id="optionsRadios2" name="optionsRadios">
												Không
											</label>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label">Có kinh nghiệm </label>
										<div class="controls">
											<select>
												<option>-- Chọn --</option>
												<option>Mới lái</option>
												<option>Kinh ngiệm trên 2 năm</option>
												<option>Lái tốt</option>
											</select>
										</div>
									</div>
								</div>
							</div>

							<!-- End Form  add -->
					
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="form-actions " style="text-align: center;">
								<button type="submit" class="btn btn-primary">
									<i class="icon-ok icon-white"></i> Lưu lại
								</button>
								<a href="car-manager.php" class="btn"><i
									class=" icon-share-alt "></i> Hủy</a>
							</div>
							</form>
						</div>
					</div>
				</div>

			</div>
		</div>


		<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>
		<script>
      $(document).ready(function() {
          $(".chzn_a").chosen({
            allow_single_deselect: true
          });
          // check is car mv
          $('#check_car_mv').change(function(){
           var check_car = $('#check_car_mv').val() =='mv' ? true : false;
           // alert(check_car);
           if(check_car){
             $('#car_is_mv').hide();
           }else{
             $('#car_is_mv').show('fast');
           }
          })
          // check add new driver
          $('#check_addnew_driver').click(function(){
           var check_driver = $('#check_addnew_driver').is(':checked') ? true : false;
           if(check_driver){
             $('#driver_name_old').hide('fast');
             $('#driver_name_new').show('fast');
           }else{
             $('#driver_name_new').hide('fast');
             $('#driver_name_old').show('fast');
           }
          })          
      });      
      </script>

	</div>
</body>
</html>